.cty-page{

  .list-empty{
    height: 800px;
    position: relative;
  }

  &-head{
    top: 0;
    left: 0;
    width: 100%;
    z-index: 250;
    position: sticky;
  }

  .page-search{
    z-index: 250;
    display: flex;
    padding: $page_margin;
    //padding: $page_margin 0 $page_margin $page_margin;
    position: relative;
    align-items: center;
    background: $theme_color;
    &-left{
      flex: 1;
      height: 72px;
      display: flex;
      background: hsla(0,0%,95.7%,.8);
      align-items: center;
      border-radius: 80px;
    }

    &-input{
      flex: 1;
    }
    &-placeholder{
      color: #666;
    }
    &-search-icon{
      padding: 0 20px;
      font-size: 36px;
    }
    &-close-icon{
      color: #999;
      padding: 0 20px;
      font-size: 42px;
    }

    &-right{
      padding: 10px $page_margin 10px 30px;
    }
  }
}